<template>
  <div>
    <h2>业务状态详情</h2>
    <a-row>
      <a-col :span="8">
        <div>
          <label for="">业务状态：{{workState.state || ''}}</label>
        </div>
      </a-col>
      <a-col :span="8">
        <div>
          <label for="">节点名：{{workState.workFlowSubName || ''}}</label>
        </div>
      </a-col>
      <a-col :span="8">
        <div>
          <label for="">审批状态：{{workState.approveState || ''}}</label>
        </div>
      </a-col>
    </a-row>
    <a-divider></a-divider>
  </div>
</template>
<script>
export default {
  props: ['workState']
};
</script>
<style lang="less" scoped>
.steps-content {
  margin-top: 16px;
  border: 1px dashed #e9e9e9;
  border-radius: 6px;
  background-color: #fafafa;
  min-height: 200px;
  text-align: center;
  padding-top: 80px;
}

.steps-action {
  margin-top: 24px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
}
</style>
